<template>
	<view>
		<view class="foot_5_2all">
			<view class="xian2" style="margin-top: 20rpx;"></view>
			<view class="foot_5_2">
				<text>总计: </text>
				<text>￥{{money}}</text>
				<view class="anniu"  @click="play_">
					{{type?type:text?text:'立即支付'}}
				</view>
				<!-- 		<image v-if="type!='线下课程'" @click="play_" style="width: 300rpx;height: 80rpx;margin-left: 40rpx;"
					src="https://s4.ax1x.com/2022/01/19/7Df6Rs.png" />
				<image v-if="type=='线下课程'" @click="play_" style="width: 300rpx;height: 80rpx;margin-left: 40rpx;"
					src="https://s4.ax1x.com/2022/01/25/7Hq7id.png" /> -->
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: ['money', 'type', 'text'],
		name: "ljzf",
		data() {
			return {

			};
		},
		methods: {
			play_() {
				this.$emit('onchange', this.money)
			}
		},
	}
</script>

<style lang="scss">
	.anniu {
		width: 300rpx;
		height: 80rpx;
		margin-left: 40rpx;
		background-color: rgb(255, 213, 0);
		line-height: 80rpx;
		text-align: center;
		border-radius: 50rpx;
		color: rgb(116, 68, 0);
	}

	.foot_5_2all {
		position: fixed;
		width: 100%;
		bottom: 0;

		.xian2 {
			border: 1rpx solid #DDDDDD;
			opacity: 1;
		}

		.foot_5_2 {
			padding: 20rpx;
			background-color: white;
			display: flex;
			align-items: center;
			justify-content: flex-end;
			margin-left: auto;

			text:nth-of-type(1) {
				font-size: 30rpx;
				font-family: HarmonyOS Sans;
				font-weight: 500;
				opacity: 1;
			}

			text:nth-of-type(2) {
				font-size: 36rpx;
				font-family: HarmonyOS Sans;
				font-weight: 600;
				color: #FF2424;
				opacity: 1;
			}
		}
	}
</style>
